 /* Timeline
 **************************/
.timeline {
	position: relative;
	max-width: 700px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	background: url();
  background-repeat: repeat-y;
  background-position: 50% 0;
  .year {
  	clear: both;
  	max-width: 4em;
  	padding: .5em;
  	margin: 1em auto;
  	margin-top: 50px;
  	font-size: 2em;
  	color: $color-white;
  	text-align: center;
  	background-color: #87ceeb;
  	@include border-radius(20px);
  	&:first-of-type {
  		margin-top: 0;
  	}
  }
  .event {
  	position: relative;
  	z-index: 15;
  	display: block;
  	float: right;
  	clear: right;
  	width: 45%;
  	padding: 0px;
  	margin: 10px 2.5%;
  	background-color: $color-white;
  	@include border-radius(5px);
  	transition: background .15s linear;
  	&:nth-child(2n) {
  		float: left;
  		clear: left;
  		&:after {
  			right: -5%;
  			left: auto;
  		}
  	}
  	&:nth-child(2n+1) {
			margin-top: 1.5em;
  	}
  	&.offset-first {
  		margin-top: 0;
  	}
  	&.featured {
  		width: 95%;
  		background-color: #e8e8e8;
  	}
  	img {
  		max-width: 100%;
  		margin-top: 10px;
  	}
  }
}